﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Basic Form - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="~/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="~/themes/icon.css">
    <script type="text/javascript" src="~/Scripts/jquery.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.easyui.min.js"></script>
</head>
<body>
    <center>
	<h2>图书修改</h2>
	<p></p>
	<div style="margin:20px 0;"></div>
	<div class="easyui-panel" title="图书修改" style="width:100%;max-width:400px;padding:30px 60px;">
		<form id="ff" method="post">
            <div style="margin-bottom:20px">
				<input class="easyui-textbox" name="shuhao" style="width:100%" data-options="label:'所修改的书号:'">
			</div>
			<div style="margin-bottom:20px">
				<input class="easyui-textbox" name="shuming" style="width:100%" data-options="label:'修改后的书名:'">
			</div>
			<div style="margin-bottom:20px">
				<input class="easyui-textbox" name="jiaqian" style="width:100%" data-options="label:'修改后的价钱:'">
			</div>
			<div style="margin-bottom:20px">
				<input class="easyui-textbox" name="zuozhe" style="width:100%" data-options="label:'修改后的作者:'">
			</div>
            <div style="margin-bottom:20px">
				<input class="easyui-textbox" name="zaiguanceshu" style="width:100%" data-options="label:'修改后的册数:'">
			</div>
			<div style="margin-bottom:20px">
				<input class="easyui-textbox" name="neirongjianjie" style="width:100%;height:60px" data-options="label:'修改后的简介:',multiline:true">
			</div>
		</form>
		<div style="text-align:center;padding:5px 0">
			<a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()" style="width:80px" id="chaxun">修改</a>
			<a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()" style="width:80px">清除</a>
		</div>
	</div>
         <div closed="true" id="dlg" class="easyui-dialog" title="提示" style="text-align:center; width:300px;height:200px;padding:10px" data-options="
				iconCls: 'icon-save',
				buttons: [{
					text:'Ok',
					iconCls:'icon-ok',
					handler:function(){
						$('#dlg').dialog('close');
                        $('#ff').form('clear');
					}
				}]
			">
		<h2>修改成功!</h2>
	</div>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#chaxun").click(function () {
                    $('#dlg').dialog('open')
                })
            })
    </script>
	<script>
	    function submitForm() {
	        $('#ff').form('submit');
	    }
	    function clearForm() {
	        $('#ff').form('clear');
	    }
	</script>
    </center>
</body>
</html>
